<template>
    <div>

    <!-- <Header /> -->
  <Address />
  <div class="main_box w">
      <div class="main_left"></div>
    <dataCent />
    </div>
    <!-- <Footer /> -->
  </div>
</template>

<script>
// import Header from "@/components/header";
import Address from "@/components/address";

import Footer from "@/components/footer";
import dataCent from "@/components/dataCent";
export default {
  components: {
    // Header,
    Footer,
    Address,
    dataCent
  }
};
</script>

<style lang='scss' scoped>
@import "~/assets/css/main.scss";

.service{
  .main_box {
    //   position: ;
    display: flex;
    margin-bottom: rem(30);
    .main_left {
      flex: 1;
    }
    .main_right {
      width: rem(200);
      background-color: #f6f9fc;
      .list_item {
        .title {
          display: flex;
          height: rem(40);
          color: #337ab7;
          font-size: rem(18);
          border-bottom: 2px solid #e7edf2;
          margin: 0 rem(10);
          .more {
            font-size: rem(10);
          }
        }
        .cont {
          margin: 0 rem(10);

          .item {
            padding: rem(5) rem(5);
            border-bottom: 1px dotted #e4e6e8;
            cursor: pointer;
            i{
                margin: 0 rem(3);
            }
            &:hover{
                color: #5cb6ff;
            }
          }
        }
      }
    }
  }
}
</style>
